<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>

	<body>
		<ul id="example-2">
			<li v-for="(item, index) in items">
				{{ parentMessage }} - {{ index }} - {{ item.message }}
			</li>
		</ul>
		<!--遍历对象-->
		<ul id="repeat-object" class="demo">
			<div v-for="(value, key, index) in object">
				{{ index }}. {{ key }} : {{ value }}
			</div>
		</ul>
		<script src="http://cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
		<script src="http://cdn.bootcss.com/vue/2.1.10/vue.min.js"></script>
		<script type="text/javascript">
			var example2 = new Vue({
				el: '#example-2',
				data: {
					parentMessage: 'Parent',
					items: [{
						message: 'Foo'
					}, {
						message: 'Bar'
					}]
				}
			})
			new Vue({
				el: '#repeat-object',
				data: {
					object: {
						FirstName: 'John',
						LastName: 'Doe',
						Age: 30
					}
				}
			})
		</script>
	</body>

</html>